
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>查询商品列表</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.4.4.min.js"></script>
</head>
<body>
	<form action="${pageContext.request.contextPath }/item/queryitem.action"
		method="post">
		查询条件：
		<table width="100%" border=1>
			<tr>
				<td>商品id:<input type="text" name="items.id" /></td>
				<td>商品名称:<input type="text" name="items.name" /></td>
				<td><input type="submit" value="查询" /></td>
			</tr>
		</table>
		商品列表：
		<table width="100%" border=1>
			<tr>
				<td>商品名称</td>
				<td>商品价格</td>
				<td>生产日期</td>
				<td>商品描述</td>
				<td>操作</td>
			</tr>
			<c:forEach items="${itemList }" var="item" varStatus="s">
				<tr>
					<td><input name="ids" value="${item.id }" type="checkbox"></td>
					<td><input name="itemList[${s.index }].id" value="${item.id}" type="hidden">
						<input name="itemList[${s.index }].name" value="${item.name }" type="text"></td>
					<td><input name="itemList[${s.index }].price" value="${item.price }" type="text"></td>
					<td><input name="itemList[${s.index }].createtime"
						value="<fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/>"
						type="text"></td>
					<td><input name="itemList[${s.index }].detail" value="${item.detail }" type="text"></td>
					<td><a href="${pageContext.request.contextPath }/item/itemEdit/${item.id}">修改</a></td>
<%-- 					<td><a href="${pageContext.request.contextPath }/item/itemEdit.action?id=${item.id}">修改</a></td> --%>
				</tr>
			</c:forEach>

		</table>
	</form>
	<button onclick="sendJson()">Json数据交互测试</button>
	<script type="text/javascript">
		function sendJson(){
			$.ajax({
				type:"post",
				url:"${pageContext.request.contextPath }/item/jsontest.action",
				data:'{"id":"1","name":"pipitao","price":"99"}',
				contentType:"application/json;charset=utf-8",
				success:function(data){
					alert(data.id+":"+data.name)
				}
			})
		}
	</script>
</body>

</html>